<template>
    <button class="back-button" @click="goBack">
      <!-- 使用字符实体代码或者 FontAwesome 图标等来表示图标 -->
      <img src="../assets/back.png" class="back"> <!-- 向左的箭头图标 -->
    </button>
  </template>
  
  <script>
  export default {
    methods: {
      goBack() {
        this.$router.back();
      }
    }
  }
  </script>
  
  <style>
  .back-button {
    position: fixed;
    /* 固定位置 */
  
    left: 3px;
    /* 距离页面左侧的距离 */
    background-color: transparent;
    /* 背景透明 */
    border: none;
    /* 去除默认边框 */
    cursor: pointer;
    /* 鼠标悬停时显示为手形 */
    z-index: 1000;
    /* 确保按钮位于其他内容之上 */
  }
  
  .back {
    width: 20px;
    /* 设置图标的大小 */
    height: 20px;
  }
  </style>